<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>  
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String contextPath = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<link rel="stylesheet" type="text/css" href="../css/sub.css" />
<link rel="stylesheet" type="text/css" href="../css/all_menu.css" />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600' rel='stylesheet' type='text/css'>
<script type="text/javascript">
if(typeof EL_GUL == 'undefined'){
var EL_GUL = 'dgc11.acecounter.com';var EL_GPT='8080'; var _AIMG = new Image(); var _bn=navigator.appName; var _PR = location.protocol=="https:"?"https://"+EL_GUL:"http://"+EL_GUL+":"+EL_GPT;if( _bn.indexOf("Netscape") > -1 || _bn=="Mozilla"){ setTimeout("_AIMG.src = _PR+'/?cookie';",1); } else{ _AIMG.src = _PR+'/?cookie'; };
document.writeln("<scr"+"ipt language='javascript' src='/acecounter/acecounter_V70.js'></scr"+"ipt>");
}
</script>

<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 967057890;
var google_conversion_label = "A9o3CIaS9wcQ4sOQzQM";
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script>
// 자바스크립트에서 사용하는 전역변수 선언
var g5_url       = "http://www.wedaehan.com";
var g5_bbs_url   = "http://www.wedaehan.com/bbs";
var g5_is_member = "1";
var g5_is_admin  = "";
var g5_is_mobile = "";
var g5_bo_table  = "";
var g5_sca       = "";
var g5_editor    = "ckeditor43";
var g5_cookie_domain = "";
</script>
<title>결제목록</title>
</head>
<body>
<hr>

<!-- //Wrapper -->
<div id="wrapper">	
	<!-- Contenter_Sub -->
	<div id="container_sub">
		
		<!-- Content_List -->
		<div id="sub_page_bg1"></div><!-- Sub Page Background -->
		
		<div id="content_list">

			<div class="title">
						<div class='sub_title'><li>MY결제내역</li><li class='stitle'>결제 내역 정보를 확인하세요.</li></div><div class='navig'><li class='frst'><img src='../image/all/home_icon.png' align='absmiddle' width='13' height='13'> <a href='/'>HOME</a></li><li>위대한 만남</li><li>MY결제내역</li></div>
		<!-- sub_menu-->
	<ul class='sub_menu'>		
		<ul class="sub_tab">
			<li><a class='rollover' href="<%=contextPath%>/member/myPage.do?id=${id}">내 정보</a></li>
			<li><a class='over' href="<%=contextPath%>/member/paymentList.do">결제내역</a></li>
			<li><a class='rollover' href="<%=contextPath%>/member/myTicketList.do">My Ticket</a></li>
			<li><a class='rollover' href="<%=contextPath%>/matching/sendPropose.do?id=${id}">MY PROPOSE</a></li>
			<li><a class='rollover' href="<%=contextPath%>/member/sendSmsList.do">쪽지함</a></li>
		</ul>
	</ul>				
		</div>

	
		
<div class="content_title">
	<h1><span>WHY?</span><br>GREAT<br>DATE<br>SERVICE</h1>
	<p><br>━</p>
	<span class="content_title_s"><strong>GREAT DATE SERVICE</strong><br><br>우리결혼할래요와 함께<br>당신의 이상형을 찾아 드립니다.</span>
	<br><br>

	<img src="../img/left_banner.jpg" />
</div>


<div class="great_date4">
<h2>회원님의 Point 사용내역 정보를 확인하세요.</h2>

<article>
	<br><br>
	<h1>Point 현황</h1>
	<div class="tbl_head01 tbl_wrap">
	<table>
	<tr>
		<th>현재 보유 포인트</th>
		<td><strong>[${id}]</strong> 회원님께서 현재 보유하고 계신 포인트는 총 [<span style="color:#c4454a;font-weight:800">${npoint} Point</span>] 입니다.</td>
	</tr>
	</table>
	</div>
	
	<br><br>
	
	<div class="bo_fx">
        <div id="bo_list_total">
             <ul class="btn_bo_user" style="float:right">
           	 <li>
           	 	<a href="paymentList.do" class="btn_b02">충전내역</a>
           	 	<a href="paymentUseList.do" class="btn_b02_over">사용내역</a>
             </li>       
            </ul>
        </div>
            <ul class="btn_bo_user" style="float:right">
           	 <li>
           	 	<a href="paymentWrite.do" class="btn_b02">충전</a>
             </li>       
            </ul>  
     </div>
	
	<div class="tbl_head01 tbl_wrap">
	<table>
	<col width="5%" />
	<col width="32%" />
	<col width="32%" />
	<col width="32%" />
	<tr>
		<th>번호</th>
		<th>충전일시</th>
		<th>사용내역</th>
		<th>결제금액</th>
	</tr>
	<c:if test="${!empty list}">
		<c:forEach var="article" items="${list}">
     		<tr>
      			<td class="td_num">${number}<c:set var="number" value="${number-1}"/></td>
        		<td class="td_date"><fmt:formatDate value="${article.pdate}" pattern="YYYY-MM-dd"/></td>
    			<td class="td_num">${article.mpcontent}</td>
        		<td class="td_num">${article.minusPoint}</td>
     		</tr>
       	</c:forEach>
     </c:if>
	</table>
	<c:if test="${empty list}">
     	<tr>
     		<td>충전 내역이 없습니다.</td>
     	</tr>
     </c:if>
<table>
<c:if test="${count > 0}">
<nav class="pg_wrap">

	<span class="pg">
	${pagingHtml} </span>
	
</nav>
</c:if>
</table>
	</div>
</article>
</div>
		
		<div id="blank">&nbsp;</div>
		</div>
		<!-- //content_list -->

	</div>
	<!-- //contenter_sub -->

</div>
<!-- //wrapper -->

<script>
$(document).ready(function(){
  $(window).scroll(function () {
   if ($(this).scrollTop() > 10) { 
        $('#back-top').fadeIn();
   } else {
       $('#back-top').fadeOut();
   }
  });

  $('#back-top').click(function () {
   $('body,html').animate({
        scrollTop: 0
   }, 200);
        return false;
  });
});
</script>
<style>
#back-top {
 position: fixed;
 bottom: 100px; /* 부라우저 밑에서 위로 떨어질 높이설정  */
 left: 90%;
 margin:0px;  /* 부라우저 중앙에서 우측으로 떨어질 거리설정  */
 z-index:999;
 display:none;
}
</style>
<div id="back-top">
    <a href="#wrap"><img src="../image/all/go_top.png" width="60" height="60" alt="위로가기"></a>
</div>
<!-- } 콘텐츠 끝 -->

<hr>



<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/967057890/?value=0&amp;label=A9o3CIaS9wcQ4sOQzQM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

</body>
</html>